<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <link href="../css/home.css" type="text/css" rel="stylesheet"/>
    <script charset="UTF-8" language="javascript"  type="text/javascript"  src="../js/html2canvas.min.js"></script>
    <script charset="UTF-8" language="javascript"  type="text/javascript"  src="../js/survey.js"></script>
    <script charset="UTF-8" language="javascript"  type="text/javascript"  src="../js/home.js"></script>
    <link href="../css/bootstrap3.3.6.min.css" rel="stylesheet">
    <script src="../js/jquery2.1.1.min.js"></script>
    <script src="../js/bootstrap.min.js"></script>
</head>
<body onload="initializeData()">
    <div class="bottom">
        <div class="filter">
            <div>
                <label>年份</label>
                <input style="width: 120px" id="year" title="年份" onblur="apiShowAnswerList()">
            </div>
            <div>
                <label>问卷名</label>
                <input style="width: 120px" id="surveyName" title="surveyName" onblur="apiShowAnswerList()">
            </div>
            <button onclick="controlTopDivSurvey('createSurvey', 'open', '创建问卷')">创建问卷</button>
            <button onclick="controlGenerateSurvey('generateSurvey', 'open', '生成问卷')">生成问卷</button>
        </div>

        <div style="width: 50%; padding-right: 10px; float: left;">
            <div class="content">
                <div style="margin-left: 9%; width:100%">
                    <button onclick="openPic()" style="float: left; width:500px">生成图片</button>
                </div>
                <div id="capture" onclick="openPic()" style="margin-left: 10%; width:500px; background-color: #ffe4af; cursor: pointer;" >
                    <div>
                        <img src="../image/bg4.jfif" style="width:100%" alt=""/>
                    </div>
                    <div style="width: 92%;margin: 20px 20px 20px 20px;background-color: #ffeed0">
                        <div style="color: #fff7e7; font-size: 15px; padding: 10px 10px 10px 10px ;height: 60px; width:80%;margin-top: 20px;background: url(../image/bg6.jfif) no-repeat left top">
                            <div style="width: 100%">
                                <b>客户【</b>
                                <b id="userName" ></b>
                                <b>】</b>
                            </div>
                            <div style="width: 100%">
                                <b>对【</b>
                                <b id="answerSurveyName"></b>
                                <b>】评分</b>
                            </div>
                        </div>
                        <div style="float: right; color: #fff7e7; font-size: 30px; padding: 10px 10px 10px 10px ;height: 60px; width:80%;margin-top: 20px;background: url(../image/bg6.jfif) no-repeat left top">
                            <div style="width: 100%">
                                <b id="score" style="margin-left: 60px"></b><b>分</b>
                            </div>
                        </div>
                        <div style="color: #fff7e7; font-size: 25px; padding: 10px 10px 10px 10px ;height: 60px; width:80%;margin-top: 20px;background: url(../image/bg6.jfif) no-repeat left top">
                            <div style="width: 100%">
                                <b>他的评价是这样的:</b>
                            </div>
                        </div>
                        <div style="float: right; color: #fff7e7; font-size: 15px; padding: 10px 10px 10px 10px ;height: auto; width:80%;margin-top: 20px;background-color: #fba632">
                            <div style="width: 100%">
                                <b id="userMark" style=""></b>
                            </div>
                        </div>
                        <div style="color: #fff7e7; font-size: 25px; padding: 10px 10px 10px 10px ;height: 60px; width:80%;margin-top: 20px;background: url(../image/bg6.jfif) no-repeat left top">
                            <div style="width: 100%">
                                <b>下面是具体评分</b>
                            </div>
                        </div>
                        <div style="width: 84%; margin: 20px 40px 40px 40px;background-color: transparent">
                            <ul id="surveyClauseList" style="list-style: none; padding-left: 0">
                                <li style="background-color: rgb(255, 255, 255); height: 50px; margin-bottom: 15px;" star="0">
                                    <div style="text-align: center; width: 100%; font-size: 30px; color: #b2826c; margin-top: 7px">
                                        <b>问卷条款及评分</b>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div style="width: 50%;">
            <div class="content">
                <table id="answerList" style="width: 100%">
                    <tr id="answerListHeader">
                        <th style="width:100px">问卷名</th>
                        <th style="width:60px">提交者</th>
                        <th style="width:60px">平均分</th>
                        <th style="width:150px">评论</th>
                    </tr>
                </table>
            </div>
        </div>

    </div>

    <div class="topDiv1000" id="createSurvey" style="display: none">
        <div class="topDiv1003" style="margin-left: 20%;width: 50%">
            <div style="width: 100%">
                <label class="topDivTitle" id="topDivTitle">创建问卷</label>
                <label class="close" onclick="controlTopDivSurvey('createSurvey', 'close', '')">X</label>
            </div>
            <div style="width: 100%; padding: 0 20px 20px 30px;">
                <div style="width: 100%">
                    <input id="s_name" type="text" style="width: 90%" placeholder="问卷标题，建议10个中文以下"/>
                </div>
                <div style="width: 100%" id="s_list"></div>
            </div>
            <div style="margin-left: 30px">
                <button onclick="apiSaveSurvey()">保存</button>
            </div>
        </div>
    </div>
    <div class="topDiv1000" id="generateSurvey" style="display: none">
        <div class="topDiv1001" style="margin-left: 20%;width: 50%">
            <div style="width: 100%">
                <label class="topDivTitle" id="generateSurveyTitle">生成问卷</label>
                <label class="close" onclick="controlGenerateSurvey('generateSurvey', 'close', '')">X</label>
            </div>
            <div style="width: 100%; padding: 0 20px 20px 30px;">
                <table id="table" style="width: 100%">
                    <tr id="tableheader">
                        <th style="width:40px">序号</th>
                        <th style="width:200px">问卷名</th>
                        <th style="width:120px;">操作</th>
                    </tr>
                </table>
            </div>

        </div>
    </div>
    <div class="topDiv1000" id="sendSurvey" style="display: none">
        <div class="topDiv1001" style="margin-left: 20%;width: 50%">
            <div style="width: 100%">
                <label class="topDivTitle" id="sendSurveyTitle">查询并推送问卷</label>
                <label class="close" onclick="controlSendSurvey('sendSurvey', 'close', '');controlGenerateSurvey('generateSurvey', 'open', '生成问卷')">X</label>
            </div>
            <div style="width: 100%; padding: 0 20px 20px 30px;">
                <table id="availableSurvey" style="width: 100%">
                    <tr id="availableSurveyHeader">
                        <th style="width:180px">序号</th>
                        <th style="width:180px;">推送方式</th>
                    </tr>
                </table>
            </div>

        </div>
    </div>
    <div class="topDiv1000" id="openPic" style="display: none">
        <div style="width:100%; height:100%; position:absolute; z-index: 1005" onclick="controlOpenPic('openPic', 'close', '')"></div>
        <div class="topDiv1002 topDivCenter" style="width: 550px">
            <div style="width: 100%">
                <label class="topDivTitle" id="surveyAnswerPic">查询并推送问卷</label>
                <!--<label class="close" onclick="controlOpenPic('openPic', 'close', '')">X</label>-->
            </div>
            <div id="pic" style="width: 100%; padding: 0 20px 20px 30px;"></div>
        </div>
    </div>
</body>
</html>